<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
    <%@ page isELIgnored="false"%>
	<%@ taglib uri="/struts-tags" prefix="s"%>
	<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
	<%@ taglib prefix="sx" uri="/struts-dojo-tags" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>首页</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<link href="${pageContext.request.contextPath}/styles/style.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="${pageContext.request.contextPath}/js/jquery.js"></script>
<script type="text/javascript" src="${pageContext.request.contextPath}/js/easySlider1.5.js"></script>
<script type="text/javascript" charset="utf-8">
// <![CDATA[
$(document).ready(function(){	
	$("#slider").easySlider({
		controlsBefore:	'<p id="controls">',
		controlsAfter:	'</p>',
		auto: true, 
		continuous: true
	});	
});
// ]]>
</script>
<style type="text/css">
#slider { margin:0; padding:0; list-style:none; }
#slider ul,
#slider li { margin:0; padding:0; list-style:none; }
/* 
    define width and height of list item (slide)
    entire slider area will adjust according to the parameters provided here
*/
#slider li { width:906px; height:386px; overflow:hidden; }
p#controls { margin:0; position:relative; }
#prevBtn,
#nextBtn { display:block; margin:0; overflow:hidden; width:44px; height:44px; position:absolute; left:0; top:-250px; }
#nextBtn { left:862px; }
#prevBtn a { display:block; width:44px; height:44px; background:url(${pageContext.request.contextPath}/images/l_arrow.gif) no-repeat 0 0; }
#nextBtn a { display:block; width:44px; height:44px; background:url(${pageContext.request.contextPath}/images/r_arrow.gif) no-repeat 0 0; }
</style>
<sx:head />
</head>
<body>
<div class="main">
  <div class="header">
    <div class="block_header">
      <div class="logo"><a href="${pageContext.request.contextPath}/jsp/getfilmlist.action"><img src="${pageContext.request.contextPath}/images/logo5.jpg" width="346" height="131" border="0" alt="logo" /></a></div>
      <div class="menu">
        <ul>
         <li><a href="${pageContext.request.contextPath}/welcome.jsp" class="active">首页</a></li>
          <li><a href="${pageContext.request.contextPath}/jsp/getyitongfilmlist">移通影讯</a></li>
		  <li><a href="${pageContext.request.contextPath}/jsp/getallfilmlist">影视列表</a></li>
          <li><a href="${pageContext.request.contextPath}/jsp/aboutus.jsp">关于我们</a></li>
                     <s:if test="#session.user!=null">
                   <li><a href="${pageContext.request.contextPath}/changeuser.action"> <s:property value="#session.user.us_nickname"/>:的账户</a></li>
                   <li><a href="${pageContext.request.contextPath}/loginout.action">登出</a></li>
                    </s:if>
                    <s:else>
                    <li><a href="${pageContext.request.contextPath}/jsp/regist.jsp">加入我们</a></li>
                    <li><a href="${pageContext.request.contextPath}/jsp/login.jsp">登陆</a></li>
                    </s:else>
        </ul>
      </div>
      <div class="clr"> </div>
    </div>
  </div>
  
  <div class="slider">
    <div class="slice1">
      <div id="slider">
        <ul>
        <c:forEach var="randomFlimList" items="${requestScope.randomFilmList}" varStatus="status">
        <li>
                <a href="
				<c:url value="filim_information">
					<c:param name="film.fi_id" value="${randomFlimList.fi_id}"/>
				</c:url>
		       ">
              <div class="top" style="background:url(${pageContext.request.contextPath}/${randomFlimList.fi_image}) top no-repeat;width:320px; border:0; height:259px;">
              </div>
            </a>
              <div class="bot">
              <div class="lister">
                   <c:if test="${status.count==1}">
                   <p class="active">1</p>
                   <p>2</p>
                   <p>3</p>
                   </c:if>
                   <c:if test="${status.count==2}">
                   <p>1</p>
                   <p class="active">2</p>
                   <p>3</p>
                   </c:if>
                   <c:if test="${status.count==3}">
                   <p>1</p>
                   <p>2</p>
                   <p class="active">3</p>
                   </c:if>
              </div>
               <h2>${randomFlimList.fi_name}</h2>
                <p>${randomFlimList.fi_jianjie}</p>
              </div>
        </li>
        </c:forEach>
         

        </ul>
      </div>
    </div>
  </div>  
  <div class="body">
    <div class="body_resize">
      <div class="Author">
       <img id="loadingImage" src="${pageContext.request.contextPath}/images/loading.gif" />
      <sx:div  
    href="getNewComment.action"  
    showLoadingText="true"  
    errorText="对不起,加载资源失败,请重试"  
    updateFreq="0"
    indicator="loadingImage"
    />   
      </div>
      <div class="animator">
        <p>
        <s:iterator value="filmList" var="films">
        <s:url action="filim_information" id="film_id" >
                    <s:param name="film.fi_id" value="#films.fi_id"></s:param>
        </s:url>
        <s:a href="%{film_id}">
        <img src="${pageContext.request.contextPath}/<s:property value='#films.fi_image'/>"alt="picture" width="169" height="126" />
         </s:a>
         </s:iterator>
        
       </p>
        <h2>最新上映</h2>
        <p> </p>
      </div>
      <div class="clr"></div>
    </div>
    <div class="clr"></div>
  </div>
  <div class="FBG">
    <div class="Fbg_resize">
      	<div class="Twitter">
					<p>
						<img src="${pageContext.request.contextPath}/images/teacher.jpg"
							alt="picture" width="129" height="96" />
					</p>
					&nbsp;
					<p>
						<strong>指导老师</strong><br />
					</p>
					<p>就是我啦，哈哈哈哈</p>
				</div>
      <div class="con">
        <h2>关于我们</h2>
        <ul>
          <li> 移通电影院</li>
          <li> 重庆市合川区假日大道 1 号</li>
          <li> 咨询电话: + 134 5286 5323</li>
        </ul>
        <ul>
          <li>服务QQ:812918458</li>
          <li>E-mail:fuyao81145676@sina.cn</li>
        </ul>
      </div>
    </div>
    <div class="clr"></div>
  </div>
  <div class="footer">
     <div class="resize">
      <p class="footer_logo">&nbsp;</p>
      <div>©2012  重庆邮电大学移通学院<a href="${pageContext.request.contextPath}/jsp/aboutus.jsp">关于我们
        </a></div>
    </div>
    <p class="clr"></p>
  </div>
</div>
</body>
</html>